<template>
    <div class="hot-box">
        <MovieList :res=' hotShowing '></MovieList>
    </div>
</template>


<script>


import MovieList from 'components/common/movies/MovieList'
import http from 'utils/http'
import { Indicator } from 'mint-ui'
import BScroll from 'better-scroll'


export default {
  data(){
            
     return {
        hotShowing:null,
       
     
     }
  
  },
  components: {
    MovieList

  },
  async beforeCreate(){
    Indicator.open({
      text:'加载中。。。',
      spinnerType:'fading-circle'
    });
    this.hotShowing=await http({
      method:'get',
      url:"/ajax/movieOnInfoList"
    })
    Indicator.close();
    
  },
  mounted () {
   this.scroll=new BScroll('.n-hot',{
      pullUPLoad:{
      threshold: 50
   }
   })
   this.scroll.on('pullingUp',()=>{
     
     this.scroll.finishPullUp()
     console.log('hhhhh')
   })
   
  }
}
</script>



   <style lang="stylus" scoped>
      .hot-box
         flex 1
         overflow hidden
         height 100%
        


   </style>